// 加载一级分类
function loadOne () {
  $.ajax({
    url: "http://127.0.0.1:3000/cate/all",
    success: function (res) {
      var str = `<option value=''>请选择</option>`
      $.each(res, function (index, ele) {
        str += ` <option value="${ele._id}">${ele.cn_name}</option>`
      })
      $("#oneSel").html(str)
    }
  })
}
loadOne()
// 一级分类的change事件 加载二级分类
$("#oneSel").change(function () {
  var oneId = $(this).val(); //一级分类id
  loadTwo(oneId)
})
function loadTwo (oneId) { //加载二级分类的函数
  $.ajax({
    url: "http://127.0.0.1:3000/cate/findTwo",
    type: "post",
    data: {
      oneId: oneId
    },
    success: function (res) {
      var str = ``
      $.each(res, function (index, ele) {
        str += ` <option value="${ele._id}">${ele.two_name}</option>`
      })
      $("#twoSel").html(str);
    }
  })
}


// 添加或编辑商品
$("#addPro").click(function () {
  var obj = {
    img: $("#img").val(),
    pname: $("#pname").val(),
    price: $("#price").val(),
    oldprice: $("#oldprice").val(),
    des: $("#des").val(),
    inventory: $("#inventory").val(),
    oneId: $("#oneSel").val(), //一级分类id
    twoId: $("#twoSel").val() //二级分类id
  }
  if ($(this).html() == "确认添加") { //添加逻辑
    obj.action = "add"
  }
  if ($(this).html() == "确认编辑") { //编辑逻辑
    obj.action = "edit"
    obj.id = editId;//发送修改id
  }
  $.ajax({
    url: "http://127.0.0.1:3000/product/addProduct",
    type: "post",
    data: obj,
    success: function (res) {
      console.log(res)
      alert(res.success)
      $("#mytitle").html("添加商品");
      $("#addPro").html("确认添加")
      show()
      $('#mymodal').modal('hide') //关闭模态框
    }
  })
})

// //点击添加按钮 显示模态框方法
$("#addShop").click(function () {
  $('#mymodal').modal('show') //显示模块框
  $("#mytitle").html("添加商品");
  $("#addPro").html("确认添加");
  $("#img").val("")
  $("#pname").val("")
  $("#price").val("")
  $("#oldprice").val("")
  $("#des").val("")
  $("#inventory").val("")
  $("#oneSel").val("")//一级分类
  $("#twoSel").val("")//二级分类
})

// 渲染所有商品
function show (pname) {
  $.ajax({
    url: "http://127.0.0.1:3000/product/all",
    type: "post",
    data: {
      pname: pname
    },
    success: function (res) {
      var str = ``
      $.each(res, function (index, ele) {
        str += ` <tr>
        <td><img src="./images/${ele.img}.jpg" alt=""></td>
        <td>${ele.pname}</td>
        <td>￥${ele.price}</td>
        <td style="text-decoration:line-through;">￥${ele.oldprice}</td>
        <td>${ele.inventory}</td>
        <td>${ele.des}</td>
        <td>${ele.status == "1" ? '上架中' : '已下架'}</td>
        <td>
          <button class="btn btn-danger" onclick="del('${ele._id}')">删除</button>
          <button onclick="upDown('${ele._id}','${ele.status}')" class="btn ${ele.status == "1" ? 'btn-success' : 'btn-primary'}">${ele.status == "1" ? '下架' : '上架'}</button>
          <button class="btn btn-success" onclick="edit('${ele._id}')">编辑</button>
          <button class="btn btn-primary">置顶</button>
        </td>
      </tr>`
      })
      // 渲染完成清空输入框
      $("#mybody").html(str)
      $("#img").val("")
      $("#pname").val("")
      $("#price").val("")
      $("#oldprice").val("")
      $("#des").val("")
      $("#inventory").val("")
      $("#oneSel").val("")//一级分类
      $("#twoSel").val("")//二级分类
    }
  })
}
show()
// 删除方法
function del (id) {
  $.ajax({
    url: "http://127.0.0.1:3000/product/delProduct",
    type: "post",
    data: {
      id: id
    },
    success: function () {
      alert("删除成功")
      show();
    }
  })
}
// 上架和下架
function upDown (id, status) {
  var sta = status == "1" ? "2" : "1";
  $.ajax({
    url: "http://127.0.0.1:3000/product/upAndDown",
    type: "post",
    data: {
      id: id,
      status: sta
    },
    success: function (res) {
      alert(res.success)
      show();
    }
  })
}
// 点击编辑 弹出模态框  给输入框赋值
var editId = ""
function edit (id) {
  $.ajax({
    url: "http://127.0.0.1:3000/product/findById",
    type: "post",
    data: {
      id: id
    },
    success: function (res) {
      $("#mymodal").modal('show');//显示模态框
      $("#img").val(res.img)
      $("#pname").val(res.pname)
      $("#price").val(res.price)
      $("#oldprice").val(res.oldprice)
      $("#des").val(res.des)
      $("#inventory").val(res.inventory)
      $("#oneSel").val(res.oneId)//一级分类id
      loadTwo(res.oneId) //加载二级分类
      setTimeout(function () {
        $("#twoSel").val(res.twoId);
      }, 10)
      editId = res._id; //存储修改id到全局变量
      // 变化标题和按钮
      $("#addPro").html("确认编辑")
      $("#mytitle").html("编辑商品")
    }
  })
}
// 搜索
$("#search").click(function () {

  show($("#searchName").val()) //将搜索输入框的值 传给后台
})